<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>客户列表</title>
		<link href="css/swiper.min.css" rel="stylesheet" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/icons-extra.css" />
		<link rel="stylesheet" href="css/mui.picker.min.css" />
        <link href="css/style.css" rel="stylesheet" />
        <link href="css/skin.css" rel="stylesheet" />
	</head>
	<body style="background: #fff;overflow: hidden;padding-bottom:64px;">
		<header class="mui-bar mui-bar-nav order-bar">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">客户列表</h1>
		</header>
		<section class="search-wrap">
			<div class="mui-row">
				<div class="mui-col-sm-9 mui-col-xs-9">
					<input type="number" placeholder="请输入手机号" class="inp"/>
				</div>
				<div class="mui-col-sm-3 mui-col-xs-3 mui-text-right search-more">筛选<span class="mui-icon mui-icon-extra mui-icon-extra-filter" style="font-size: 16px;"></span></div>
			</div>
		</section>
		<aside class="side-menu mui-hidden">
			<div class="condition">
				<div class="mui-row">
					<div class="mui-col-sm-12 mui-col-xs-12 bt">主状态</div>
					<div class="mui-col-sm-4 mui-col-xs-4 paddr"><button type="button" class="mui-btn cur">无效订单</button></div>
					<div class="mui-col-sm-4 mui-col-xs-4 paddr"><button type="button" class="mui-btn">新增订单</button></div>
					<div class="mui-col-sm-4 mui-col-xs-4 paddr"><button type="button" class="mui-btn">有效订单</button></div>
					<div class="mui-col-sm-4 mui-col-xs-4 paddr"><button type="button" class="mui-btn">成交订单</button></div>
					<div class="mui-col-sm-4 mui-col-xs-4 paddr"><button type="button" class="mui-btn">撤销订单</button></div>
				</div>
				<div class="mui-row">
					<div class="mui-col-sm-12 mui-col-xs-12 bt">副状态</div>
					<div class="mui-col-sm-4 mui-col-xs-4 paddr"><button type="button" class="mui-btn cur">待跟进</button></div>
					<div class="mui-col-sm-4 mui-col-xs-4 paddr"><button type="button" class="mui-btn">已联系</button></div>
					<div class="mui-col-sm-4 mui-col-xs-4 paddr"><button type="button" class="mui-btn">已量尺</button></div>
					<div class="mui-col-sm-4 mui-col-xs-4 paddr"><button type="button" class="mui-btn">已交订</button></div>
					<div class="mui-col-sm-4 mui-col-xs-4 paddr"><button type="button" class="mui-btn">无效申请中</button></div>
					<div class="mui-col-sm-4 mui-col-xs-4 paddr"><button type="button" class="mui-btn">已签合同</button></div>
					<div class="mui-col-sm-4 mui-col-xs-4 paddr"><button type="button" class="mui-btn">已核实</button></div>
				</div>
				<div class="mui-row">
					<div class="mui-col-sm-12 mui-col-xs-12 bt">单号</div>
					<div class="mui-col-sm-12 mui-col-xs-12"><input type="text" placeholder="请输入单号" class="inp"/></div>
				</div>
				<div class="mui-row">
					<div class="mui-col-sm-12 mui-col-xs-12 bt">派单时间</div>
					<div class="mui-col-sm-5 mui-col-xs-5"><button type="button" class="mui-btn timebtn" data-options='{"type":"date"}'>开始时间</button></div>
					<div class="mui-col-sm-2 mui-col-xs-2 jj">—</div>
					<div class="mui-col-sm-5 mui-col-xs-5"><button type="button" class="mui-btn timebtn" data-options='{"type":"date"}'>结束时间</button></div>
				</div>
				<div class="mui-row">
					<div class="mui-col-sm-12 mui-col-xs-12 bt">跟进时间</div>
					<div class="mui-col-sm-5 mui-col-xs-5"><button type="button" class="mui-btn timebtn" data-options='{"type":"date"}'>开始时间</button></div>
					<div class="mui-col-sm-2 mui-col-xs-2 jj">—</div>
					<div class="mui-col-sm-5 mui-col-xs-5"><button type="button" class="mui-btn timebtn" data-options='{"type":"date"}'>结束时间</button></div>
				</div>
			</div>
			<div class="btns mui-clearfix">
				<a>重置</a>
				<a>确定</a>
			</div>
		</aside>
		<div class="backdrop mui-hidden"></div>
		<div class="swiper-container nav-container">
		    <div class="swiper-wrapper">
		      <div class="swiper-slide"><a>全部</a></div>
		      <div class="swiper-slide"><a>新增客户</a></div>
		      <div class="swiper-slide"><a>跟进客户</a></div>
		      <div class="swiper-slide"><a>成交客户</a></div>
		      <div class="swiper-slide"><a>回访预约</a></div>
		      <div class="swiper-slide"><a>客服跟进</a></div>
		    </div>
		</div>
		<div class="swiper-container content-container">
		    <div class="swiper-wrapper">
		      <div class="swiper-slide">
		      	 <ul class="mui-table-view notice_lists">
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">1测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">1测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">1测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">1测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">1测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
				</ul>
		      </div>
		      <div class="swiper-slide">
		      	 <ul class="mui-table-view notice_lists">
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">2测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">2测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">2测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">2测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">2测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">2测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
				</ul>
		      </div>
		      <div class="swiper-slide">
		      	 <ul class="mui-table-view notice_lists">
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">3测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">3测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">3测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">3测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">3测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
				</ul>
		      </div>
		      <div class="swiper-slide">
		      	 <ul class="mui-table-view notice_lists">
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">4测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">4测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">4测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">4测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">4测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
				</ul>
		      </div>
		      <div class="swiper-slide">
		      	 <ul class="mui-table-view notice_lists">
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">5测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">5测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">5测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">5测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">5测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
				</ul>
		      </div>
		      <div class="swiper-slide">
		      	 <ul class="mui-table-view notice_lists">
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">6测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">6测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">6测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">6测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">6测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">6测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
				</ul>
		      </div>
		    </div>
		</div>
		<nav class="mui-bar mui-bar-tab bottom-bar">
			<a class="mui-tab-item" href="index.html">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item mui-active" href="list.html">
				<span class="mui-icon mui-icon-list"></span>
				<span class="mui-tab-label">客户</span>
			</a>
			<a class="mui-tab-item" href="statistics.html">
				<span class="mui-icon mui-icon-extra mui-icon-extra-rank"></span>
				<span class="mui-tab-label">统计</span>
			</a>
			<a class="mui-tab-item" href="personal.html">
				<span class="mui-icon mui-icon-person"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
		<script src="js/mui.min.js"></script>
		<script src="js/mui.picker.min.js"></script>
		<script src="js/swiper.min.js"></script>
		<script>
			var galleryThumbs = new Swiper('.nav-container', {
		      spaceBetween: 10,
		      slidesPerView: 4,
		      //loop: true,
		      freeMode: true,
		      watchSlidesVisibility: true,
		      watchSlidesProgress: true,
		      on:{
		      	tap: function(){
			      //alert(this.clickedIndex);
			      //ajax请求
			    
			  	},
		      }
		    });
		    var galleryTop = new Swiper('.content-container', {
		      spaceBetween: 10,
		      autoHeight:true,
		      thumbs: {
		        swiper: galleryThumbs,
		      },
		      on:{
		      	slideChange: function(){
			      //alert(this.activeIndex);、
			      //ajax请求
			    },
		      }
		    });
		   (function() {
			   	mui('.bottom-bar').on('tap','a',function(){
				    window.top.location.href=this.href;
				});
				mui.init();
				var btns = mui('.timebtn');
				btns.each(function(i,btn){
					btn.addEventListener('tap', function() {
						var _self = this;
						if(_self.picker) {
							_self.picker.show(function (rs) {
								btn.innerText = rs.text;
								_self.picker.dispose();
								_self.picker = null;
							});
						} else {
							var optionsJson = this.getAttribute('data-options') || '{}';
							var options = JSON.parse(optionsJson);
							var id = this.getAttribute('id');
							/*
							 * 首次显示时实例化组件
							 * 示例为了简洁，将 options 放在了按钮的 dom 上
							 * 也可以直接通过代码声明 optinos 用于实例化 DtPicker
							 */
							_self.picker = new mui.DtPicker(options);
							_self.picker.show(function(rs) {
								btn.innerText =  rs.text;
								_self.picker.dispose();
								_self.picker = null;
							});
						}
						
					}, false);
				})
				
				mui(".search-more")[0].addEventListener('tap', function() {
					mui(".side-menu")[0].classList.remove("mui-hidden");
					mui(".side-menu")[0].classList.add("move");
					mui(".backdrop")[0].classList.remove("mui-hidden")
				})
				mui(".backdrop")[0].addEventListener('tap', function() {
					mui(".side-menu")[0].classList.add("mui-hidden");
					mui(".side-menu")[0].classList.remove("move");
					this.classList.add("mui-hidden");
				})
			})(mui);
		</script>
	</body>
</html>
